<template>
   <div>
      <!-- 三级联动全局组件 -->
      <TypeNav />
      <ListContainer />
      <Recommend />
      <Rank />
      <Like />
      <!-- 父传子 -->
      <Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"/>
      <Brand />
   </div>
</template>
<script>
// 引入其余组件
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'
import { mapState } from 'vuex'
export default {
   name: "Home",
   data() {
      return {
      }
   },
   components: {
      ListContainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
   },
   mounted() {
      // 派发action 获取floor数据
      this.$store.dispatch('getFloorList')
   },
   computed: {
        // 映射
      ...mapState({
         floorList: (state) => {
            return state.home.floorList
         }
      })
   }
}
</script>
<style lang="less" scoped>

</style>
